<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表</title>
    <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
    <link rel="stylesheet" href="../css/productList.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3414996_bkbie0mll9.css">


</head>

<body>
    <div class="prolistwrap">
        <!-- 引入页面头部 -->
        <div class="headerwrap">

        </div>


        <!-- 引入侧边栏 -->
        <div class="navLeft">
            <div class="navlogo">
                <i class="iconfont icon-daohang"></i>
            </div>
            <div class="narleftwrap">

            </div>
        </div>


        <!-- 产品数量 -->
        <div class="pronum">
            <div class="numcon">
                <a href="javascript:;" class="prolo prolo1">
                    <img src="../images/prolo1.png" alt="">
                </a>
                <a href="javascript:;" class="prolo">
                    <img src="../images/prolo.png" alt="">
                </a>
                <p>
                    <span>689</span>
                    产品
                </p>
                <a href="javascript:;">+筛选</a>
            </div>
        </div>

        <!-- 商品列表 -->
        <div class="prolist">
            <div class="item">
                <div class="itemimg">
                    <img src="../images/pro1.jpg" alt="">
                    <div class="heart">
                        <img src="../images/prohart.png" alt="">
                    </div>
                    <div class="procar">
                        <img src="../images/goods-car.png" alt="">
                    </div>
                </div>
                <div class="title">
                    <p class="dse">女装廓形西装外套</p>
                    <p class="pric">¥699.00</p>
                </div>
            </div>
        </div>

        <!-- 页面底部 -->
        <div class="footerwrap"></div>
    </div>

    <script src="../js/axios.min.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script>
        // 引入头部
        $(".headerwrap").load("./header.html", function () {
            var searchbtn = $(".headerwrap .search");
            console.log(searchbtn);
        });
        //引入左边导航
        $(".narleftwrap").load("./navleft.html");
        // 引入页面底部
        $(".footerwrap").load("./footer.html");


    </script>

    <script src="../js/productList.js"></script>
</body>

</html>